<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>07伪类选择器</title>
    <style>
        /* 伪类：不存在的类（特殊的类），用来描述一个元素的特殊状态
            比如：第一个子元素，被点击的元素，护镖移入的元素...
            特点：一般情况下使用：开头
                :first-child 第一个子元素
                :last-child 最后一个子元素
                :nth-child(n) 选中第n个子元素
                    当填入n时，全选
                    当填入2n 或 even 时，选中第偶数个
                    当填入2n+1 或 odd 时，选中第奇数个
            以上这些伪类都是根据所有的子元素进行排序

                :first-of-type
                :last-of-type
                :nth-of-type()
                这些是根据同类型元素进行排序
                :not()否定伪类：将符合条件的从选择器排除


                */
        ul>li:first-child{color: red;}
        ul>li:not(:nth-child(3)){color: yellowgreen;}
        
    </style>
</head>
<body>
    <ul>
        <span>我是一个span</span>
        <li>第一个 </li>
        <li>第二个 </li>
        <li>第三个</li>
        <li>第四个</li>
        <li>第五个</li>
    </ul>
    
</body>
</html>